<template>
  <div id="home">

    <h1>{{ msg }}</h1>
    <h2>我是home组件</h2>

    <mt-button type="default">default</mt-button>
    <mt-button type="primary">primary</mt-button>
    <mt-button type="danger">danger</mt-button>

    <mt-index-list>
      <mt-index-section index="A">
        <mt-cell title="Aaron"></mt-cell>
        <mt-cell title="Alden"></mt-cell>
        <mt-cell title="Austin"></mt-cell>
      </mt-index-section>
      <mt-index-section index="B">
        <mt-cell title="Baldwin"></mt-cell>
        <mt-cell title="Braden"></mt-cell>
      </mt-index-section>
      ...
      <mt-index-section index="Z">
        <mt-cell title="Zack"></mt-cell>
        <mt-cell title="Zane"></mt-cell>
      </mt-index-section>
    </mt-index-list>

  </div>
</template>



<script>
  export default {
    data() {
      return {
        msg: "home组件"
      };
    },
    methods: {},
    mounted() {
      console.log("home组件渲染完毕");
    }
  };
</script>

<style lang="scss">
</style>